@charset "UTF-8";

/* main 样式 */

.main {
    margin-top: 75px;
}

/* 公告 */
.notice {
    width: 100%;
    height: 30px;
    background: #fff;
    font-size: 15px;
    line-height: 30px;
    border-radius: 5px;
}

.notice div {
    padding: 0 15px;
}

.notice i {
    font-size: 20px;
    /* line-height: 30px; */
    color: #5FB878;
    font-weight: bold;
    vertical-align: middle;
}

.notice span {
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
}

/* 轮播图与排行榜 */
.slide-rank {
    margin-top: 15px;
    /* background: #fff; */
}

.swiper-container {
    /* width: 100%; */
    height: 400px;
}

.swiper-slide img {
    width: 100%;
    height: 400px;
}

.rank {
    margin-top: 0px;
}

.layui-tab-title li {
    font-size: 18px;
}

.layui-tab-item li {
    margin-bottom: 16.5px;
}

.layui-tab-item span {
    vertical-align: middle;
}

.layui-tab-item a {
    margin-left: 10px;
    font-size: 15px;
    vertical-align: middle;
}

/* 最新电影 */
.layui-card {
    box-shadow: 0 0;
}

.layui-card-body {
    padding: 0;
    background-color: #EEEEEE;
}

.card-movie-img {
    width: 100%;
    height: 250px;
}

.layui-card-body:hover{
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    transition:.3s transform;
}

.card-movie-info a {
    padding-top: 5px;
    text-align: center;
    /* color: #009688; */
    display: block;
    font-size: 15px;
    color: #259586;
}

.card-movie-info p {
    text-align: center;
    color: #9E9E9E;
    font-size: 13px;
}

.card-movie-info-block-focus {
    background: #393D49;
    position: absolute;
    left: 5px;
    top: 186px;
    font-size: 10px;
    opacity:0.6;

}

.card-movie-info-block-lang {
    background: #393D49;
    position: absolute;
    left: 5px;
    top: 207px;
    font-size: 10px;
    opacity:0.6;
}

.card-movie-info-block-subtitle {
    background: #393D49;
    position: absolute;
    left: 5px;
    top: 228px;
    font-size: 10px;
    opacity:0.6;
}

.card-movie-info-block-class {
    /* background: #01AAED; */
    position: absolute;
    left: 0px;
    top: 20px;
    opacity:0.8;
    font-size: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.card-movie-info-block-rating {
    position: absolute;
    right: 3px;
    top: 224px;
    text-align: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 26px;
    width: 35px;
    text-align: right;
    font-weight: 600;
    color: #FFB800;
}
